<template>
  <div>
    <a-button type="primary" style="margin-bottom: 15px">导出</a-button>
    <custom-table
      ref="table"
      :showAlert="false"
      :showSelection="false"
      :loading="loading"
      :columns="columns"
      bordered
      size="middle"
      :dataSource="listData"
      @change="onTableChange"
      :scroll="{ x: 1600 }"
    >
      <!-- <template slot="action">
          <a @click="onEdit">编辑</a>
          <a-divider type="vertical" />
          <a @click="onDelete">删除</a>
        </template> -->
    </custom-table>
  </div>
</template>
<script>
import CustomTable from '@/components/zxd/Table/CustomTable'
export default {
  components: {
    CustomTable
  },
  data() {
    return {
      loading: false,
      columns: [
        {
          title: '序号',
          dataIndex: 'order',
          width: 90,
          align:'center',
          scopedSlots: { customRender: 'order' },
          customRender: (text, record, index) => `${(this.form.currentPage - 1) * this.form.pageSize + (index + 1)}` //序号分页后连续
        },
        {
          title: '单位',
          dataIndex: 'description',
          width: 150,
          align:'center',
        },
        {
          title: '预警推送数',
          dataIndex: 'status',
          width: 120,
          align:'center',
        },
        {
          title: '处理情况',
          children: [
            {
              title: '已反馈',
              dataIndex: 'age',
              key: 'age',
              align:'center',
              width: 110
            },
            {
              title: '待反馈',
              dataIndex: 'age1',
              key: 'age1',
              align:'center',
              width: 110
            },
            {
              title: '反馈率',
              dataIndex: 'age2',
              key: 'age2',
              align:'center',
              width: 110
            },
            {
              title: '需回访',
              dataIndex: 'age3',
              key: 'age3',
              align:'center',
              width: 110
            },
            {
              title: '超期',
              dataIndex: 'age4',
              key: 'age4',
              align:'center',
              width: 110
            }
          ]
        },
        {
          title: '处置方式',
          children: [
            {
              title: '电话预警',
              dataIndex: 'agea',
              key: 'agea',
              align:'center',
              width: 110
            },
            {
              title: '短信预警',
              dataIndex: 'agea1',
              key: 'agea1',
              align:'center',
              width: 110
            },
            {
              title: '上门预警',
              dataIndex: 'agea2',
              key: 'agea2',
              align:'center',
              width: 110
            },
            {
              title: '账号处置',
              children: [
                {
                  title: '手机号封停',
                  dataIndex: 'agea4',
                  key: 'agea4',
                  align:'center',
                  width: 110
                },
                {
                  title: '银行卡/第三方止付',
                  dataIndex: 'agea5',
                  key: 'agea5',
                  align:'center',
                  width: 150
                },
                {
                  title: '银行卡/第三方冻结',
                  dataIndex: 'agea6',
                  key: 'agea6',
                  align:'center',
                  width: 150
                }
              ]
            }
          ]
        },
        {
          title: '反馈情况',
          children: [
            {
              title: '未电话联系',
              dataIndex: 'ageq',
              key: 'ageq',
              align:'center',
              width: 110
            },
            {
              title: '已电话联系',
              dataIndex: 'ageq1',
              key: 'ageq1',
              align:'center',
              width: 110
            },
            {
              title: '已发短信预警',
              dataIndex: 'ageq2',
              key: 'ageq2',
              align:'center',
              width: 110
            },
            {
              title: '已见面劝阻',
              dataIndex: 'ageq3',
              key: 'ageq3',
              align:'center',
              width: 110
            },
            {
              title: '数据重复推送',
              dataIndex: 'ageq4',
              key: 'ageq4',
              align:'center',
              width: 110
            },
            {
              title: '准确率',
              dataIndex: 'ageq5',
              key: 'ageq5',
              align:'center',
              width: 110
            },
            {
              title: '拦截率',
              dataIndex: 'ageq5',
              key: 'ageq5',
              align:'center',
              width: 110
            }
          ]
        },
        {
          title: '已电话联系',
          children: [
            {
              title: '接到欺诈信息',
              dataIndex: 'ageqq',
              key: 'ageqq',
              align:'center',
              width: 110
            },
            {
              title: '未接到欺诈信息',
              dataIndex: 'ageqq1',
              key: 'ageqq1',
              align:'center',
              width: 150
            },
            {
              title: '事主表述/态度模糊',
              dataIndex: 'ageqq2',
              key: 'ageqq2',
              align:'center',
              width: 150
            },
            {
              title: '事主未反馈任何信息',
              dataIndex: 'ageqq3',
              key: 'ageqq3',
              align:'center',
              width: 150
            }
          ]
        },
         {
          title: '未电话联系',
          children: [
            {
              title: '拒接/未接通',
              dataIndex: 'ageqqq',
              key: 'ageqqq',
              align:'center',
              width: 150
            },
            {
              title: '空号',
              dataIndex: 'ageqqq1',
              key: 'ageqqq1',
              align:'center',
              width: 110
            },
            {
              title: '不在本辖区致无法联系',
              dataIndex: 'ageqqq2',
              key: 'ageqqq2',
              align:'center',
              width: 160
            },
            {
              title: '关机',
              dataIndex: 'ageqqq1',
              key: 'ageqqq1',
              align:'center',
              width: 110
            },
            {
              title: '立马挂断',
              dataIndex: 'ageqqq1',
              key: 'ageqqq1',
              align:'center',
              width: 110
            },
            {
              title: '号码错误',
              dataIndex: 'ageqqq1',
              key: 'ageqqq1',
              align:'center',
              width: 110
            }
          ]
        },
         {
          title: '反馈结果',
          children: [
            {
              title: '被骗',
              dataIndex: 'ageqqqq',
              key: 'ageqqq',
              align:'center',
              width: 110
            },
            {
              title: '未被骗',
              dataIndex: 'ageqqqq1',
              key: 'ageqqqq1',
              align:'center',
              width: 110
            },
            {
              title: '未知',
              dataIndex: 'ageqqqq2',
              key: 'ageqqqq2',
              align:'center',
              width: 110
            }
          ]
        },
        {
          title: '屏蔽对象',
          align:'center',
          children: [
            {
              title: '不再劝阻',
              dataIndex: 'ageqqqq',
              key: 'ageqqq',
              align:'center',
              width: 110
            }
          ]
        },
        {
          title: '人工核验归属地',
          children: [
            {
              title: '一致',
              dataIndex: 'ageqqqq',
              key: 'ageqqq',
              align:'center',
              width: 110
            },
            {
              title: '不一致',
              dataIndex: 'ageqqqq1',
              key: 'ageqqqq1',
              align:'center',
              width: 110
            }
          ]
        },
        {
          title: '劝阻验证',
          children: [
            {
              title: '不做劝阻验证',
              dataIndex: 'ageqqqq',
              key: 'ageqqq',
              align:'center',
              width: 110
            },
            {
              title: '劝阻已验证',
              dataIndex: 'ageqqqq1',
              key: 'ageqqqq1',
              align:'center',
              width: 110
            },
            {
              title: '劝阻未验证',
              dataIndex: 'ageqqqq1',
              key: 'ageqqqq1',
              align:'center',
              width: 110
            }
          ]
        },
        {
          title: '诈骗金额',
          children: [
            {
              title: '被骗金额数',
              dataIndex: 'ageqqqq',
              key: 'ageqqq',
              align:'center',
              width: 110
            },
            {
              title: '止付金额数',
              dataIndex: 'ageqqqq1',
              key: 'ageqqqq1',
              align:'center',
              width: 110
            },
            {
              title: '止损金额次数',
              dataIndex: 'ageqqqq1',
              key: 'ageqqqq1',
              align:'center',
              width: 110
            }
          ]
        }
      ],
      listData: []
    }
  },
  beforeCreate(){

  },
  methods: {
    onTableChange(pagination, filters, sorter) {
      this.form = { ...this.form, ...pagination }
      this.refreshTable()
      this.$refs.table.selectedRowKeys = this.selectedIds
    }
  }
}
</script>
<style lang="less" scoped></style>
